<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>钣金喷漆</title>
    <meta name="description" content="">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="mui-page" id="bjpq-wrap">
    <!--页面主内容区开始-->
    <div class="mui-page-content">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <ul class="mui-table-view mui-table-view-chevron">
                    <li class="mui-table-view-cell mui-media">
                        <a class="mui-navigate-right" href="carBrand.html">
                            <span class="mui-right-text1 color1 car-brand-btn">选择车型</span>
                            <img class="mui-media-object mui-pull-left car-brand-img" id="car-brand-img" src="images/autoBrand/bmw.jpg">
                            <div class="mui-media-body car-brand-name">宝马550i</div>
                        </a>
                    </li>
                </ul>
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell">
                        <img src="images/bjpq/banjin.02c3508.jpg" alt="" class="car-img">
                    </li>
                </ul>
                <ul class="mui-table-view">
                    <div class="mui-table-view-cell table-title">服务项目</div>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥280.00</span>
                        <input name="checkbox" type="checkbox">(1)左反光镜
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥800.00</span>
                        <input name="checkbox" type="checkbox">(2)右反光镜
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥900.00</span>
                        <input name="checkbox" type="checkbox">(3)前保险杠
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥500.00</span>
                        <input name="checkbox" type="checkbox">(4)后保险杠
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥300.00</span>
                        <input name="checkbox" type="checkbox">(5)发动机仓
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥280.00</span>
                        <input name="checkbox" type="checkbox">(6)行李箱盖
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥150.00</span>
                        <input name="checkbox" type="checkbox">(7)左前叶子板
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥320.00</span>
                        <input name="checkbox" type="checkbox">(8)右前叶子板
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(9)左前门
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(10)右前门
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥150.00</span>
                        <input name="checkbox" type="checkbox">(11)左后车门
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥320.00</span>
                        <input name="checkbox" type="checkbox">(12)右后车门
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(13)左后页子板
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(14)右后页子板
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(15)左下边梁
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(16)右下边梁
                    </li>
                    <li class="mui-table-view-cell mui-checkbox mui-left">
                        <span class="mui-right-text2 color2 unit-price">￥330.00</span>
                        <input name="checkbox" type="checkbox">(17)车顶
                    </li>
                    <p class="mui-table-view-cell table-tips">以上价格为平台参考价，最终价格以服务中心报价为准</p>
                </ul>
            </div>
        </div>
    </div>
    <!--页面主内容区结束-->
</div>
<div id="qcyh-price">
    <div class="price-wrap">
        <span class="mui-text-left text-size3">总计</span>
        <span class="mui-text-right color3 mui-pull-right">
                <span>￥</span><span class="text-size1" id="price-text">0.00</span>
            </span>
    </div>
    <div class="next-btn">下一步</div>
</div>
<script src="js/mui.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/order.js"></script>
<script>
    //mui初始化
    mui.init({
        swipeBack: false
    });
    //上拉下拉设置
    (function($) {
        $('.mui-scroll-wrapper').scroll({
            indicators: true //是否显示滚动条
        });
    })(mui);

    //页面跳转
    $('.next-btn').click(function () {
        if ($('input[type="checkbox"]').is(":checked")) {
            window.location.href='bjpqxq.html'
        } else {
            mui.alert('请选择服务项目');
        };
    })
</script>
</body>
</html>